.absl_form_section {
    padding: 100px 5%;
}

.absl-sec-heading {
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
	gap:20px;
}

.absl-sec-heading .sec_head {
    color: #000;
    text-align: center;
    font-family: var(--dev_extra_light);
    font-size: 46px;
    font-weight: 250;
    line-height: normal;
    letter-spacing: -1.38px;
    text-transform: capitalize;
}

.absl-sec-heading .sec_head span {
    color: var(--capital_red);
}

.sub_head {
    color: var(--black);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    line-height: 21px;
    opacity: 0.5;
}


.options_grid {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);gap: 20px;margin-top: 42px;}

.options_col_Wrapper {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    /* filter: grayscale(1); */
    transition: all 0.5s ease;

    border: 1px solid transparent;
}

.options_col_Wrapper p {
    color: #1C1C1C;
    font-family: var(--dev_med);
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    position: absolute;
    top: 26px;
    left: 26px;
    width: 50%;
}

.options_col_Wrapper:hover {
    filter: none;
}

.get_investment_plan {
    display: flex;
    color: rgb(0 0 0 / 50%);
    text-align: center;
    font-family: var(--dev_med);
    font-size: 16px;
    font-style: normal;
    line-height: 22.5px; /* 140.625% */
    gap: 5px;
    justify-content: center;
    margin-top: 16px;
}

.get_investment_plan a {
    display: flex;
    align-items: center;
    color: var(--capital_red);
    text-align: center;

     /* 140.625% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 5.5%; /* 0.88px */
    text-underline-offset: 8%; /* 1.28px */
    text-underline-position: from-font;
    width: fit-content;
    white-space: nowrap;
}

.stepper_solid_btn {
    background: var(--capital_red);
    border-radius: 100px;
    display: inline-flex; /* Makes the button shrink to fit content */
    align-items: center;
    gap: 6px; /* Spacing between text and icon */
     /* Adjust padding as needed */
    opacity: 1;
    padding: 16px 25px;
     /* Ensures single-line layout */
    white-space: nowrap; /* Prevents wrapping to the next line */
    position: relative;
    overflow: hidden;
    transition: all .5s ease-in-out;
    border: none;
    margin: 0 auto;
    display: flex;
    margin-top: 58px;
}

.stepper_solid_btn img {
    max-width: 20px;
    height: auto;
    display: inline-block;
}


.stepper_solid_btn p {
    color: #FFF;
    text-align: center;
    font-family: var(--dev_med);
    font-size: 14px;
    font-style: normal;
    line-height: 110%; /* 15.4px */
    text-transform: uppercase;
}

.stepper_solid_btn:hover, .stepper_solid_btn:focus-visible, .stepper_solid_btn:focus, .btn.stepper_solid_btn:active, .stepper_solid_btn:not(.btn-check)+.btn.stepper_solid_btn:active {
    background-color: #af0d20;
}


/* Optional border effect on selection */
.options_col_Wrapper:has(input[type="radio"]:checked) {
  filter: none;
  border: 1px solid var(--capital_red);
}


/* CUSTOM RADIO WRAPPER START */



/* Hide native radio button */
input[type="radio"].radio_option {
  position: absolute;
  left: -9999px;
}

/* Wrapper for the entire custom radio block */
.custom_radio_wrapper {
  position: relative;
  cursor: pointer;
}

/* Style for the custom circle */
.custom_radio_wrapper span {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: block;
  transition: 0.25s;
}

.custom_radio_wrapper span::before {
  display: flex;
  content: "";
  background-color: transparent;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  transition: 0.25s;
  box-shadow: inset 0 0 0 0.1em #A2AAAD;
}

/* Checked state circle */
input[type="radio"].radio_option:checked + span::before {
  box-shadow: inset 0 0 0 0.43em #c91429;
}


/* CUSTOM RADIO WRAPPER ENDS */

.stepper_solid_btn:disabled {
    opacity: 1;
    background: rgba(0, 0, 0, 0.40);
}

.stepper_active {
    background: #F5F5F5;
}

.absl_stepper_grid {
    margin-top: 40px;
    gap: 20px;
    display: grid;
    grid-template-columns: 20% 78%;
    justify-content: space-between;
}

.absl_stepper_tab.step_tab_active {
    display: flex;
    padding: 24px 14px 24px 28px;
    gap: 0px;
    align-self: stretch;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
}

.absl_stepper_tab span {
    color:  #828282;
    font-family: var(--dev_med);
    font-size: 12px;
    font-style: normal;
    line-height: 20px; /* 166.667% */
    display: block;
}

.absl_stepper_tab p {
    color: #000;
    font-family: var(--dev_med);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    opacity: 0.5;
}

.absl_stepper_timeline {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.absl_stepper_tab {
    display: flex;
    padding: 24px 14px 24px 28px;
    flex-direction: column;
    justify-content: center;
    border-radius: 16px;
	border: 1px solid transparent;
	transition: all 0.5s ease;
}

.completed_stage {
    border: 1px solid rgba(0, 0, 0, 0.10);
	    cursor: pointer;

}

.completed_stage p {
    color: #57A44C;
    opacity: 1;
}

.absl_stepper_tab span {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

.absl_stepper_tab.step_tab_active span {
    max-height: 1000px;
}

.absl_stepper_tab.step_tab_active p {
    opacity: 1;
}

.absl_stepper_main_Wrapper {
    overflow-y: scroll;
    overflow-x: hidden;
    background: #fff;
    border-radius: 16px;
    height: 60vh;
}

.absl_stepper_main_Wrapper::-webkit-scrollbar, .absl_stepper_common::-webkit-scrollbar {
    width: 0;
}


.absl_stepper_common {
    padding: 32px 30px;
    height: 100%;
    overflow-y: scroll;
}

.stages_Wrapper h2 {
    color: #000;
    font-size: 28px;
    font-style: normal;
    line-height: normal;
    font-family: var(--dev_reg);
    margin-bottom: 32px;
}

.stages_of_life_wrapper .nav-link {
    padding: 0;
    color: #000;
    font-family: var(--dev_med);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    opacity: 0.8;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 100px;
    display: flex;
    gap: 8px;
}

.stages_of_life_wrapper .nav-link img {
    max-width: 14px;
    filter: grayscale(1);
}

.stages_of_life_wrapper .nav-link.active img {
    filter: none;
}

.life-stage-tab-wrapper {
    display: flex;
    padding: 2px;
    align-items: flex-start;
    gap: 2px;
    border-radius: 100px;
    border: 1px solid #E2E2E2;
    background: rgba(255, 255, 255, 0.70);
    width: fit-content;
    margin-bottom: 32px;
	  position: relative;

}

.stages_of_life_wrapper .nav-link.active {
    border: 1px solid var(--capital_red);
    background: #FEF2F3;
    color: var(--capital_red);
	opacity:1;
}


.avatar_wrapper img {
    max-width: 93.8px;
    scale: 0.9;
}

.avatar_wrapper.custom_radio_wrapper:has(input[type="radio"]:checked) {

	filter: none;
}

.avatar_wrapper.custom_radio_wrapper:has(input[type="radio"]:checked) img, .avatar_wrapper:hover img {.avatar_wrapper.custom_radio_wrapper: has(
    input[type="radio"]:checked);
    scale: 1;
}

.avatar_wrapper:hover {filter: none;}

.avatar_wrapper.custom_radio_wrapper span {
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    scale: 0.7274;
}

.avatar_wrapper p {
    color: #111;
    text-align: center;
    font-family: var(--dev_semi_bold);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    width: 70%;
    margin: 0 auto;
    opacity: 0.7;
}

.avatar_wrapper em {
    color: #000;
    text-align: center;
    font-family: var(--dev_med);
    font-size: 12px;
    font-style: normal;
    line-height: 16px; /* 133.333% */
    border-radius: 4px;
    background: #F5F5F5;
    display: flex;
    padding: 7px 13px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: 8px auto 0;
    opacity: 0.7;
}

.avatar_wrapper {
    text-align: center;
    width: 128px;    filter: grayscale(1);
}


.avatar_list_box {
    display: flex;
    gap: 26px;
}

.avatar_wrapper.custom_radio_wrapper:has(input[type="radio"]:checked) p, .avatar_wrapper.custom_radio_wrapper:has(input[type="radio"]:checked) em {
    opacity: 1;
}

.avatar_wrapper * {
    transition: all 0.5s ease;
}

.custom_hr {
    opacity: 0.1;
    background: #000;
    margin: 32px 0;
}

.investing_detail img {
    max-width: 24px;
}

.investing_detail.custom_radio_wrapper span {
    bottom: auto;
    left: auto;
    right: 24px;
    top: 28px;
    scale: 0.7274;
}

.investing_detail {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    padding: 18px;
    transition: all 0.5s ease;
}

.investing_detail p {
    color: #111;
    font-family: var(--dev_semi_bold);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    margin: 18px 0 6px;
}

.investing_detail em {
    color: rgb(0 0 0 / 70%);
    font-family: var(--dev_reg);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    display: block;
}

.main_goal_list_wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 16px;
}

.investing_detail:has(input[type="radio"]:checked), .manage_investment_main:has(input[type="radio"]:checked)  {

background:#FEF2F3;
}

.plan_to_invest_slider span {
    color: #111;
    font-family: var(--dev_semi_bold);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    display: block;
    margin-bottom: 12px;
}

.slider-input-field {
    height: 51px;
    width: 100%;
    border-radius: 100px;
    background: #F5F5F5;
    padding: 18px 12px 18px 30px;
    color: var(--black);
    font-family: var(--dev_reg);
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    border: 1px solid transparent;
}

.slider-input-field:focus-visible, .slider-input-field:focus {
    border: none;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.10);
}

.plan_input_wrapper .slider {
    margin: 17px 0 0;
    border: none;
    box-shadow: none;
    border-radius: 100px;
    background: transparent;
    position: relative;
    padding: 0 15px 0 23px;
    width:100%;
}

.plan_to_invest_slider .noUi-connects {

    background: #E9E9E9;
  
    border-radius: 100px;
    height: 4px;
    cursor: pointer;
}

.plan_to_invest_slider .noUi-connect {
    background: var(--capital_red);
    height: 4px;
}

.plan_to_invest_slider .noUi-handle:after, .plan_to_invest_slider .noUi-handle:before {
display:none;
}

.plan_to_invest_slider .noUi-handle.noUi-handle-lower {
    border-radius: 100px;
    height: 16px;
    width: 16px;
    top: -6px;
    background: #fff;
    border: 5px solid var(--capital_red);
    right: -16px;
    cursor: pointer;
    box-shadow: 0 2px 5px #00000026;
}

.plan_input_wrapper .slider:before, .plan_input_wrapper .slider:after {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    top: -4px;
    z-index: 1;
    border-radius: 100px;
}

.plan_input_wrapper .slider:before {
    left: 12px;
    background: var(--capital_red);
}

.plan_input_wrapper .slider:after {
    right: 4px;
    background: #E9E9E9;

    z-index: 0;
}

.plan_to_invest_col {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.calc_graphic_center {
    text-align: center;
}

.calc_graphic_left .calc_range_one {
    /* max-width: 35px; */
}

.calc_graphic_center .calc_range_one {
    max-width: 47px;
    transition: all 0.5s ease;
}

.graphic_bg {
    max-width: 186px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 0;
}

.calc_graphic {
    z-index: 0;
}

/* image animation adjustment starts */



.calc_graphic_center.calc_range_one>img {
    max-width: 40px;
}

.calc_graphic_center.calc_range_two>img {
    max-width: 47px;
}

.calc_graphic_center.calc_range_three>img {
    max-width: 52px;
}

.calc_graphic_center.calc_range_four>img {
    max-width: 60px;
}

.calc_graphic_center.calc_range_five>img {
    max-width: 75px;
}

.calc_graphic_center.calc_range_six>img {
    max-width: 88px;
    width: 88px;
}

.calc_graphic_center.calc_range_seven>img, .calc_graphic_center.calc_range_eight>img, .calc_graphic_center.calc_range_nine>img {
    max-width: 103px;
    width: 103px;
}


.calc_graphic_top img {
    position: absolute;
    top: 0;
}

.calc_graphic_top .calc_range_eight {
    max-width: 22px;
}

.calc_graphic_top .calc_range_nine {
    max-width: 36px;
}

.calc_graphic_right .calc_range_nine {
    max-width: 65px;
}

.calc_graphic.calc_graphic_right {
    position: absolute;
    right: 50px;
}

.calc_graphic.calc_graphic_top {
    z-index: 1;
}

.calc_graphic_left .calc_range_four {
    max-width: 35px;
    right: -10px;
    position: relative;
}

.calc_graphic.calc_graphic_left {
    text-align: right;
}

.calc_graphic_left .calc_range_five {
    max-width: 55px;
    position: relative;
    right: -10px;
}

.calc_graphic_left .calc_range_six, .calc_graphic_left .calc_range_seven, .calc_graphic_left .calc_range_eight, .calc_graphic_left .calc_range_nine {
    max-width: 61px;
}

@keyframes slideInFromRight {
    0% {
        opacity: 0;
        transform: translateX(100%); /* Start off-screen on the right */
    }
    100% {
        opacity: 1;
        transform: translateX(0); /* End at the natural position */
    }
}

.calc_graphic_left .calc_range_four {
    animation: slideInFromRight 1s ease-out forwards; /* Apply animation */
}


@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.calc_graphic_left .calc_range_five, .calc_graphic_left .calc_range_six {
    animation: fadeIn 1s ease-out forwards; /* Fade in effect */
}

@keyframes scaleGrow {
    0% {
        transform: scale(0.5); /* Start at half the size */
        opacity: 0;            /* Start invisible */
    }
    100% {
        transform: scale(1);   /* End at normal size */
        opacity: 1;            /* Fully visible */
    }
}

.calc_graphic_right .calc_range_seven {
    animation: scaleGrow 0.5s ease-out forwards; /* Apply the scale grow animation */
}

@keyframes fallFromTop {
    0% {
        transform: translateY(-100%); /* Start above the screen */
        opacity: 0; /* Start invisible */
    }
    100% {
        transform: translateY(0); /* End at the normal position */
        opacity: 1; /* Fully visible */
    }
}

.calc_graphic_top .calc_range_eight, .calc_graphic_top .calc_range_nine {
    animation: fallFromTop 1s ease-out forwards; /* Apply the fall animation */
}

/* image animation adjustment ends */

.invest_calc_graphic_Wrapper {
    display: flex;
    align-items: flex-end;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-bottom: 1px solid rgb(0 0 0 / 20%);
    justify-content: center;
    width: 60%;
    margin: 0 auto;
	position: relative;
}

.plan_to_invest_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 16px;
}

.slider_meta_info {
    display: flex;
    justify-content: space-between;
    padding: 0px 0px 0 12px;
}

.slider_meta_info p {
    color: #111;
    text-align: right;
    font-family: var(--dev_reg);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    opacity: 0.6;
}

.plan_input_wrapper em {
    font-style: normal;
    position: absolute;
    top: 10px;
    color: var(--black);
    font-family: var(--dev_reg);
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    height: 30px;
    display: flex;
    align-items: center;
    left: 15px;
}

.slider_input_wrapper {
    position: relative;
}

.for_term_slider .slider-input-field {
    padding-left: 12px;
}

.for_term_slider .plan_input_wrapper em {
    left: 35px;
}

.for_term_or {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 20px 0;
}

.for_term_or span {
    display: block;
    color: #000;
    text-align: center;
    font-family: var(--dev_reg);
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    background: #fff;
    z-index: 2;
    padding: 0 10px;
}

.for_term_or:before, .for_term_or:after {
    position: absolute;
    content: '';
    margin: 0 auto;
    width: 50%;
    top: 10px;
    height: 1px;
    background: linear-gradient(90deg, #DADADA 0%, rgba(218, 218, 218, 0.00) 100%);
    z-index: 0;
}


.for_term_or:after {
    left: 0;
    transform:  scaleX(-1);
}

.for_term_or:before {
    right: 0;
}

.for_term_slider.disabled_input .for_term_input_wrapper {
    opacity: 0.4;
}

.multi_genrational_wrapper {
    border-radius: 8px;
    background: #F5F5F5;
    width: 100%;
    padding: 24px;
    display: flex;
    gap: 15px;
}

.multi_genrational_wrapper.custom_radio_wrapper span {
    position: relative;
    bottom: 0;
    left: 0;
    height: fit-content;
}

.multi_genrational_wrapper p {
    color: #000;
    font-family: var(--dev_med);
    font-size: 18px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    opacity: 0.7;
}

.multi_genrational_wrapper em {
    color: #000;
    font-family: var(--dev_reg);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    opacity: 0.7;
}

.multi_genrational_wrapper:has(input[type="radio"]:checked) {
    background: #FEF2F3;
}

.multi_genrational_wrapper:has(input[type="radio"]:checked) p {
    opacity: 1;
}

.step_one_stage_three .stepper_solid_btn {
    justify-content: right;
    margin-left: auto;
    margin-right: 0;
    margin-top: 32px;
}

.investment_decisions_wrapper>span, .step_three_dropdown_wrapper>span {
    display: block;
    color: #111;
    font-family: var(--dev_med);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

.investment-dropdown-wrapper {
  position: relative;
  display: inline-block;
}

.investment-dropdown-toggle {
  cursor: pointer;
  transition: background-color 0.3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  min-height: 52px;
  border-radius: 1000px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  background: #F5F5F5;
  width: 644px;
  padding: 10px 24px;
  transition: all 0.5s ease;
}

.investment-dropdown-toggle:hover {
  background-color: #fff;
}

.investment-dropdown-menu {
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.25s ease, opacity 0.25s ease;
  position: absolute;
  z-index: 1;
  width: 100%;
  max-height: 700px;
  overflow-y: auto;
  border-radius: 14px;
  background: #F5F5F5;
  box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.10);
  padding: 24px 23.998px 24px 24.002px;
  margin-top: 2px;
}

.investment-dropdown-wrapper.open .investment-dropdown-menu {
  opacity: 1;
  transform: scaleY(1);
}

.investment-tag {
  position: relative;
  transition: all 0.2s ease-in-out;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  background: #FFF;
  display: flex;
  padding: 5px 8px;
  gap: 10px;
  justify-content: center;
  align-items: center;
  width: fit-content;
}

.investment-close-btn {
  cursor: pointer;
  color: var(--capital_red);
  font-size: 14px;
}

/* Custom checkbox styling */
.custom_checkbox_wrapper input[type="checkbox"] {
  appearance: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.40);
  width: 18px;
  height: 18px;
  display: inline;
  min-width: 18px;
}

.custom_checkbox_wrapper input[type="checkbox"]:checked {
  background-color: var(--capital_red);
  border-color: var(--capital_red);
}

.custom_checkbox_wrapper input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  left: 6px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

#tagContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  flex-grow: 1;
}

.investment-toggle-text {
  margin-right: auto;
  color: #000;
  font-family: var(--dev_med);
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  opacity: 0.6;
}

.investment_decisions_dropdown_wrapper {
    margin-top: 10px;
}

.investment-dropdown-wrapper.open .investment-chevron {
    transform: scaleY(-1);
}

.investment-chevron {
    transition: all 0.5s ease;
    transform: none;
    display: flex;
    position: relative;
	max-width: 14px;
}

.investment_drop_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #ccc;
}

.investment-dropdown-menu label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    width: fit-content;
}

.investment-dropdown-menu label:has(input[type="checkbox"]:checked) p {
    color: rgba(0, 0, 0, 1);
}

.clear_all_btn {
    color: var(--capital_red);
    text-align: right;
    font-family: var(--dev_med);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 6%; /* 0.84px */
    text-underline-offset: 11%; /* 1.54px */
    text-underline-position: from-font;
    text-transform: capitalize;
}

.clear_all_btn:hover, .clear_all_btn:focus-visible, .clear_all_btn:focus {
    color: var(--capital_red);
    text-decoration: underline;
}


.investment_drop_last {
    margin-top: 23px;
    display: flex;
    justify-content: end;
    gap: 8px;
}

.investment_drop_mid {
    display: flex;
    flex-direction: column;
    gap: 18px;
    height: 170px;
    overflow-y: scroll;
}

.investment_drop_mid::-webkit-scrollbar {
    width: 2px;
}

.investment_drop_mid::-webkit-scrollbar-thumb {
    background: #d8d8d8;
}


.investment_drop_btn {
    display: flex;
    padding: 12px 54px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: var(--dev_med);
    font-size: 12px;
    font-style: normal;
    line-height: 110%; /* 13.2px */
    text-transform: uppercase;
    border-radius: 100px;
}

.drop_btn_solid.disabled_btn {
    pointer-events: none;
    background: rgba(0, 0, 0, 0.40);
}

.drop_btn_solid:focus, .drop_btn_solid:hover, .drop_btn_solid:focus-visible {.investment_drop_btn:
    focus;
    color: var(--white);
    background: var(--capital_red);
    outline: none;
}

.drop_btn_bordered {
    border: 1px solid var(--capital_red);
    color: var(--capital_red);
}

.drop_btn_solid {
    background: var(--capital_red);
    color: var(--white);
}

.drop_btn_bordered:focus, .drop_btn_bordered:hover, .drop_btn_bordered:focus-visible {
    color: var(--capital_red);
}

.investment-dropdown-menu label p {
    color: rgba(0, 0, 0, 0.70);
    font-family: var(--dev_reg);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

.investment-dropdown-menu label p span {
    font-family: var(--dev_semi_bold);
}

 .investment-dropdown-menu .investment_drop_top label p {
    font-family: var(--dev_semi_bold);
    color: rgba(0, 0, 0, 0.6);
}

.investment-tag p {
    color: #000;
    font-family: var(--dev_med);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    width: 95px; /* adjust width depending on how much you want */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.investment-tag-more {
    display: flex;
    align-items: center;
    color: var(--capital_red);
    font-family: var(--dev_med);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    margin-left: 7px;
}


/* Optional: highlight the toggle button when tags exist */
.investment-dropdown-toggle.has-tags {
    background-color: #F5F5F5;
}

.manage_investment_main {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    padding: 24px 10px 10px 10px;
}

.manage_investment_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 16px;
}

.manage_investment_main img {
    max-width: 24px;
    min-height: 31px;
    object-fit: contain;
}

.manage_investment_main .radio_main_text {
    color: #111;
    font-family: var(--dev_semi_bold);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 18px;
    padding: 0 15px;
}

.manage_investment_main.custom_radio_wrapper span {
    position: relative;
    top: 0;
    left: 0;
    scale: 0.728;
}

.img_radio_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 19px;
    padding: 0 15px;
}

.nested_radio_Wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.investment_radio {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    background: #F5F5F5;
    padding: 11.5px 14px 12.5px 14px;
    border: 1px solid transparent;
}

.investment_radio p {
    color: #000;
    font-family: var(--dev_med);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.24px;
    opacity: 0.7;
}

.investment_radio:has(input[type="radio"]:checked) p {
    opacity: 1;
}

.investment_radio.custom_radio_wrapper span {
}

.investment_radio:has(input[type="radio"]:checked) {
    background-color: #FEF2F3; /* Change to any color you want */
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.pip_slider_Wrapper {
    display: grid;
    grid-template-columns: auto 350px;
    gap: 50px;
}

.lumpsum_range .noUi-value.active-pip {
    opacity: 1;
    font-family: var(--dev_med);
    scale: 1.2;
}

.lumpsum_range .noUi-value.active-pip .sip_pip {
    color: #70B765;
}

.lumpsum_range .noUi-value.active-pip .lumpsum_pip {
    color: #3F7737;
}


.lumpsum_range .noUi-value {
    writing-mode: horizontal-tb;
    bottom: 25px;
    color: #000;
    text-align: center;
    font-family: var(--dev_reg);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    opacity: 0.6;
    transition: all 0.5s ease;
    scale: 1;
}
	
	.lumpsum_range .noUi-target {

width: 100%;

border-radius: 100px;

height: 24px;

background: #70B865;

border: none;

box-shadow: none;
}

.lumpsum_range .noUi-marker-horizontal.noUi-marker-large {width: 8px;height: 8px;border-radius: 100px;margin-left: -15px;top: -16px;z-index: 0;background: #B8DCB2;}

.lumpsum_range .noUi-marker-normal {
    display: none;
}



.lumpsum_range .noUi-handle.noUi-handle-lower {
    width: 42px;
    height: 42px;
    border-radius: 100px;
    border: 12px solid var(--capital_red);
    top: -12px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25), 0px -1px 2px 0px rgba(255, 255, 255, 0.70) inset, 0px 2px 5.5px 0px rgba(0, 0, 0, 0.20) inset;
    right: -20px;
}

.lumpsum_range .noUi-base {
    border-radius: 100px;
    background: linear-gradient(to right, transparent 0%, transparent var(--percent, 50%), #3f7737c7 var(--percent, 50%), #3f77378c 100%);
    transition: all 0.5s ease;
}

.lumpsum_range .noUi-connect {
    background: transparent;
}

.lumpsum_range .noUi-handle:after, .lumpsum_range .noUi-handle:before {
    display: none;
}

.lumpsum_range .noUi-pips-horizontal {
    height: auto;
    padding: 50px 0px 0px;
}

.lumpsum_range .noUi-marker-horizontal.noUi-marker-large:nth-child(1) {
    margin-left: 8px;
}

.lumpsum_range {
    margin-left: 30px;
}

.lumpsum_range .noUi-target:before {
    position: absolute;
    content: '';
    background-image: repeating-linear-gradient(-45deg, #4A8C40 0px, #4A8C40 1px, #00000000 1px, transparent 5px);
    width: 97%;
    height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.lumpsum_range .noUi-connects {
    cursor: pointer;
}


.top_total_investment {
    text-align: center;
}

.sip_lumpsum {
    display: flex;
    justify-content: space-between;
}

.top_total_investment p {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(0 0 0 / 20%);
}

.tooltip_wrapper p img {
    max-width: 12px;
    opacity: 0.5;
    transition: all 0.5s ease;
}

.tooltip_wrapper a {
    display: flex;
    align-items: center;
}

.tooltip_wrapper p {
    display: flex;
    align-items: center;
	gap: 4px;
    color: #70B865;
    font-family: var(--dev_semi_bold);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

.tooltip_wrapper {
    margin-bottom: 22px;
    display: flex;
    justify-content: space-between;
    /* width: 80%; */
}

.tooltip_wrapper p a:hover img {
    opacity: 1;
}

/* Change background color and text color */
.tooltip-inner {
  background-color: #373737 !important;
  color: #fff !important;
  font-size: 10px;
  padding: 8px ;
  font-family: var(--dev_med);
  border-radius: 4px;
  text-align:left;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.20);
}

/* Optional: arrow color */
.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #373737 !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #373737 !important;
}
.tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #373737 !important;
}
.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #373737 !important;
}

p.tooltip_right {
    color: #3F7737;
}

.investment_detail_wrapper {
    border-radius: 12px;
    background: #F5F5F5;
    padding: 18px;
}

.investment_detail_wrapper p, .investment_detail_wrapper em {
    color: #111;
    font-family: var(--dev_med);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

.investment_detail_wrapper span {
    color: #111;
    font-family: var(--dev_semi_bold);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

.sip_lumpsum em {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 2px solid rgb(0 0 0 / 20%);
}


.btn_wrapper .btn.stepper_solid_btn {
    margin: 0;
}

.btn_wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 31px;
    gap: 8px;
}

.step_two_stage_three .btn_wrapper{margin-top: 80px;}

.stepper_border_btn {
    background: var(--white);
    border: 1px solid var(--capital_red);
}

.stepper_border_btn p {
    color: var(--capital_red);
}

.stepper_border_btn:hover, .stepper_border_btn:focus-visible, .stepper_border_btn:focus, .stepper_border_btn.btn:active, .stepper_border_btn:not(.btn-check)+.btn.stepper_border_btn:active {
    background: var(--white);
    border: 1px solid var(--capital_red);
}

.stage_three_check_grid label {
	gap: 10px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    display: flex;
    justify-content: space-between;
    padding: 18px;
    color: rgb(17 17 17 / 70%);
    font-family: var(--dev_semi_bold);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    cursor: pointer;
	    transition: all 0.5s ease;
}

.stage_three_check_grid label:has(input[type="checkbox"]:checked) p {
    color: rgba(0, 0, 0, 1);
}


.stage_three_check_grid label:has(input[type="checkbox"]:checked) {
background: #FEF2F3 !important;
}


.stage_three_check_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 16px;
}

.investment_custom_dropdown {
    position: relative;
    width: 644px;
    user-select: none;
    margin-top: 16px;
  }
  .investment_custom_dropdown-toggle {
    cursor: pointer;
    position: relative;
    padding: 14px 24px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #F5F5F5;
    border-radius: 100px;
    color: rgb(0 0 0 / 60%);
    font-family: var(--dev_med);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.5s ease;
  }
  
  .investment_custom_dropdown-selected-text {
    color: #000;
}

  .investment_custom_dropdown-menu {
    max-height: 0;
    overflow: hidden;
    background: #F5F5F5;
    border-top: none;
    transition: max-height 0.3s ease;
    border-radius: 18px;
    margin-top: 4px;
  }
  .investment_custom_dropdown-menu.open {
    max-height: 500px; /* enough to show options */
    box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.10);
    padding: 12px 0;
  }
  .investment_custom_dropdown-option {
    padding: 15px 20px;
    cursor: pointer;
    transition: background-color 0.3s;
    color: rgb(0 0 0 / 60%);
    font-family: var(--dev_med);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    border-radius: 8px;
    text-transform: capitalize;
  }
  .investment_custom_dropdown-option span {
    font-family: var(--dev_semi_bold);
}
  .investment_custom_dropdown-option:hover {
    background: rgba(255, 255, 255, 0.50);
  }
  .investment_custom_dropdown-option.investment_custom_dropdown-selected {
	  color: #000;
  border-left: 2px solid var(--capital_red);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: rgba(255, 255, 255, 0.50);
  }
  /* Rotate arrow when open */
  .investment_custom_dropdown.open .investment_custom_dropdown-toggle::after {
    transform: translateY(-50%) rotate(180deg);
  }
  
  .investment_custom_dropdown-toggle img {
    max-width: 14px;
    transform: scaleY(1);
    transition: all 0.5s ease;
}

.investment_custom_dropdown.open img {
    transform: scaleY(-1);
}

.absl_stepper_tab:before, .absl_stepper_tab:after {
    transition: all 0.5s ease;
}

.absl_stepper_tab {
    position: relative;
}

.absl_stepper_tab:before {
    position: absolute;
    content: '';
    left: 10px;
    top: 50px;
    width: 2px;
    height: 95px;
    background: #000;
    z-index: 1;
}

.absl_stepper_tab:last-child:before {top: -10px;height: 40px;border: 1px dashed #CACACA;background: transparent;}

.absl_stepper_tab.step_tab_active:before {
    background: #FAA61A;
    border: none;
}

.absl_stepper_tab:first-child:before {
    height: 55px;
    z-index: 2;
}

.absl_stepper_tab:nth-child(2):before {
    top: 10px;
    background: transparent;
    height: 60px;
    border: 1px dashed #CACACA;
}

.absl_stepper_tab.completed_stage:first-child:before, .absl_stepper_tab.completed_stage:first-child:after {
    background: #57A44C;
}

.absl_stepper_tab.step_tab_active:nth-child(2):before {background: #FAA61A;border: none;height: 80px;}

.absl_stepper_tab.completed_stage:nth-child(2):before {
    border: none;
    background: #57A44C;
    height: 100px;
}

.absl_stepper_tab.step_tab_active:nth-child(3):before {
    top: 30px;
    height: 55px;
    background: #FAA61A;
    border: none;
}

.absl_stepper_tab:nth-child(3):before {
    top: -3px;
    background: transparent;
    height: 65px;
    border: 1px dashed #CACACA;
}

.absl_stepper_tab.completed_stage:nth-child(3):before {
    background: #57A44C;
    border: none;
    height: 100px;
}

.absl_stepper_tab.completed_stage:nth-child(3):after {
    background: #57A44C;
}

.absl_stepper_tab.step_tab_active:after {background: #FAA61A;}

.absl_stepper_tab:after {
    position: absolute;
    content: '';
    left: 7px;
    width: 8px;
    height: 8px;
    background: #CACACA;
    border-radius: 100px;
    top: 30px;
    z-index: 1;
}

.absl_stepper_tab:last-child:after {
    top: 29px;
}

.absl_stepper_tab.step_tab_active:last-child:before {
    background: #57A44C;
}

.absl_stepper_tab.completed_stage:nth-child(2):after {
    background: #57A44C;
    top: 30px;
}

.absl_stepper_tab.absl_step_one.step_tab_active:after {
    top: 44px;
}

.absl_stepper_tab.completed_stage:first-child:before {
    top: 37px;
}

.absl_stepper_tab.absl_step_one.step_tab_active.completed_stage:before {
    top: 52px;
}

.perfect_plan {
    border-radius: 16px;
    background: #FFF;
    padding: 60px;
    width: 80%;
    margin: 40px auto 0;
}

.perfect_plan .stages_Wrapper h2 {
    display: flex;
    justify-content: center;
    margin-bottom: 42px;
}

.nationality_tab {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.nationality_tab .nav-link {
    padding: 0;
    display: flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.60);
    font-family: var(--dev_med);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    padding: 14px 30px 14px 16px;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    gap: 8px;
    width: 201px;
}

.nationality_tab button img {
    max-width: 24PX;
}

.nationality_tab .nav-link.active {
    border: 1px solid var(--capital_red);
    background: #FEF2F3;2F3);
    color: var(--capital_red);
}

.nationality_form_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 8px;
}

.nationality_form_Wrapper .form-control {
    border-radius: 75px;
    background-color: #F5F5F5;
    border: 1px solid transparent;
    padding: 0 20px;
    font-family: var(--dev_med);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    height: 52px;
    transition: all 0.5s ease;
}

.nationality_form_Wrapper .form-control::placeholder {
    color: rgba(0, 0, 0, 0.60);
}

.nationality_form_Wrapper .form-control:focus, .form-control:hover {
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background-color: transparent;
}

.nationality_form_Wrapper .form_input_wrapper label {
    color: rgb(0 0 0 / 60%);
    font-family: var(--dev_med);
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.nationality_form_Wrapper .form_input_wrapper label sup {color: red;}

.nationality_form_Wrapper .form_input_wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.nationality_form_Wrapper {
    margin-top: 40px;
}

.tel_Wrapper {
    position: relative;
}

.indian_residence_form .tel_Wrapper span {
    position: absolute;
    height: 52px;
    display: flex;
    align-items: center;
    left: 20px;
}

.tel_Wrapper .form-control {
    padding-left: 60px;
}

.indian_residence_form .tel_Wrapper span:before {
    width: 1px;
    height: 17.209px;
    position: absolute;
    content: '';
    right: -10px;
    opacity: 0.2;
    background: #000;
}


.nationality_form_check label {
    display: flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
}

.nationality_form_check label p {
    color: #1C1C1C;
    font-family: var(--dev_med);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    cursor: pointer;
}

.nationality_form_check {
    margin-top: 33px;
}

.nationality_form_check label p a {
    color: var(--capital_red);
    font-family: var(--dev_semi_bold);
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 8.5%;
    text-underline-offset: 15%;
    text-underline-position: from-font;
    Content;
}

.nationality_form_check.custom_checkbox_wrapper input[type="checkbox"] {
    scale: 0.722;
}

.form_button_Wrapper .stepper_solid_btn {width: 159px;justify-content: center;}

.tel_Wrapper .iti {
    width: 100%;
}

.nationality_form_Wrapper select.form-control {
    max-width: 603px;
    background: url(../images/select_arrow.png) no-repeat right 20px center #F5F5F5;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover {
    background: transparent;
}

.select_country_wrap {
    margin-top: 32px;
}

option:hover {
  background-color: yellow;
}

.parsley-errors-list li {
    position: relative;
    font: normal normal 11px / 18px var(--dev_reg);
    letter-spacing: -.36px;
    color: red;
    opacity: 1;
    text-align: left;
    left: 0;
    bottom: 0;
}


.otp_btn_Wrapper {
    justify-content: center;
    margin-top: 42px;
}

.otp_btn_Wrapper button {
    width: 159px;
    justify-content: center;
}

.form_otp_screen>p {
    color: #000;
    text-align: center;
    font-family: var(--dev_reg);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    opacity: 0.7;
    margin-bottom: 42px;
}

.perfect_plan .stages_Wrapper.form_otp_screen h2 {
    margin-bottom: 24px;
}

.otp_input_wrapper p {
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    font-family: var(--dev_reg);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
}

.otp_input_wrapper p span, .otp_input_wrapper p span a {
    color: var(--capital_red);
    font-family: var(--dev_med);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.28px;
    text-transform: uppercase;
}

.otp_input_wrapper p span a {
    text-decoration: underline;
}

.otp_input_control .otp-inputs {
    margin: 24px 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}


.otp-field {
    border-radius: 12.834px;
    border: 1.069px solid rgba(232, 232, 232, 0.24);
    background: #F5F5F5;
    display: flex;
    width: 50px;
    height: 53px;
    padding: 5.347px 4.278px;
    align-items: center;
    color: #000;
    text-align: center;
    font-family: var(--dev_reg);
    font-size: 14.973px;
    font-style: normal;
    line-height: normal;
    text-transform: capitalize;
}

.otp-field:focus-visible {
    outline: none;
}

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

.loader_gif{display:none;}

.perfect_plan.loader_screen .loader_gif {
    display: flex;
    position: absolute;
    top: 50%;
    max-width: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.perfect_plan.loader_screen:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(4.5px);
    z-index: 1;
}
.perfect_plan.loader_screen {
    position: relative;
    pointer-events: none;
}

.iti__search-input:focus-visible {
    outline: none;
}

.iti__search-input {
    border-radius: 100px;
    padding: 10px;
    width: 95%;
    margin: 5px auto;
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #F5F5F5;
    transition: all 0.5s ease;
}

.iti__search-input:focus, .iti__search-input:hover {
    background: #fff;
}

.iti__country-list::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    border-radius: 100px;
}

.iti__country-list::-webkit-scrollbar-track {
    border-radius: 100px;
    
}

.iti__selected-country {
    height: 50px;
    padding-left: 22px;
}

.iti__country-container {
    margin-left: -10px;
}

.iti__arrow {
    position: absolute;
    right: -10px;
}

.iti__selected-country-primary {
    padding-right: 0;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
    background-color: transparent;
}

.iti__selected-dial-code {
    font-family: var(--dev_med);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
}

.result_screen_Wrapper {
    border-radius: 16px;
    background: #FFF;
    padding: 40px;
    margin-top: 40px;
}

.points_wrapper {
    display: flex;
    align-items: flex-start;
}

.points_wrapper img {
    max-width: 30px;
    position: relative;
    z-index: 1;
}

.points_wrapper p {
    color: #8B151B;
    text-align: center;
    font-family: var(--dev_bold);
    font-size: 16px;
    font-style: normal;
    line-height: 28px; /* 175% */
    border-radius: 0px 50px 50px 0px;
    background: linear-gradient(90deg, #FFF4D9 0%, #FFF4D9 100%);
    width: fit-content;
    position: relative;
    left: -15px;
    z-index: 0;
    padding: 0 16px 0 20px;
}

.main_avatar {
    max-width: 234px;
    position: relative;
}

.avatar_bg {
    max-width: 392px;
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -90px;
}

.avatar_img_Wrapper {
    display: flex;
    justify-content: center;
    position: relative;
}



.results_grid {
    display: grid;
    grid-template-columns: 400px auto;
    gap: 60px;
}

.avatar_img_Wrapper ul {
    position: absolute;
    z-index: 1;
}

.avatar_img_Wrapper ul li {
    border-radius: 12px;
    border: 1px solid #E2E2E2;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(3px);
    display: flex;
    padding: 13px;
}

.avatar_img_Wrapper li p {
    color: rgba(0, 0, 0, 0.70);
    font-family: var(--dev_med);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.24px;
}

.avatar_img_Wrapper ul li:first-child {
    position: relative;
    right: -100px;
}

.avatar_img_Wrapper ul li:nth-child(2) {
    position: relative;
    left: -100px;
}

.avatar_img_Wrapper ul li:nth-child(3) {
    position: relative;
    right: -130px;
}

.avatar_img_Wrapper ul li:nth-child(4) {
    position: relative;
    left: -120px;
}

.avatar_brief img {
    max-width: 24px;
}

.avatar_brief {
    display: flex;
    align-items: flex-start;
    padding: 30px 24px;
    border-radius: 12px;
    background: linear-gradient(180deg, #F5F5F5 0%, #FFF 100%);
    gap: 10px;
}

.avatar_brief_main span {display: inline;color: #000;font-family: var(--dev_semi_bold);font-size: 20px;font-style: normal;line-height: 12.461px; /* 62.307% */}

.avatar_brief_main p {
    color: rgba(0, 0, 0, 0.70);
    font-family: var(--dev_reg);
    font-size: 14px;
    font-style: normal;
    line-height: 18px; /* 128.571% */
}

.avatar_brief_main p {
    margin-top: 17px;
}

.results_main_head {
    color: #000;
    font-family: var(--dev_reg);
    font-size: 34px;
    font-style: normal;
    line-height: normal;
    margin-bottom: 16px;
}

.wrapper_sub_head {
    color: #000;
    font-family: var(--dev_reg);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    opacity: 0.7;
}

.results_heading_Wrapper {
    margin-bottom: 40px;
}

.what_we_learned_details {
    padding-top: 20px;
}

.solid_analysis_Wrapper_wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 16px;
}

.solid_analysis_Wrapper>div {
    display: flex;
    flex-direction: column;
}

.solid_analysis_Wrapper img {
    max-width: 75%;
}

.solid_analysis_Wrapper:first-child img {
    max-width: 150px;
    margin: 0 auto;
    display: block;
}

.solid_analysis_Wrapper span {
    display: block;
    color: #000;
    font-family: var(--dev_semi_bold);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.32px;
    opacity: 0.8;
}

.solid_analysis_Wrapper p {
    color: #000;
    font-family: var(--dev_reg);
    font-size: 12px;
    font-style: normal;
    line-height: 12.461px;
    opacity: 0.7;
}

.solid_analysis_Wrapper {
    border-radius: 12px;
    background: #F5F5F5;
    padding: 12px 20px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.result_analysis_wrapper {
    display: grid;
    grid-template-columns:35% 65%;
    grid-template-rows: repeat(1, 1fr);
    gap: 18px;
}

.analysis_result {
    border-radius: 6px;
    background: #F5F5F5;
    padding: 10.691px 63.34px 10.691px 14.66px;

}

.analysis_result p {
    color: rgb(0 0 0 / 70%);
    font-family: var(--dev_med);
    font-size: 12px;
    font-style: normal;
    line-height: 12.461px; /* 103.846% */
    white-space: nowrap;
}

.analysis_result p span {
    font-family: var(--dev_semi_bold);
    color: #000;
}


.analysis_chart {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.analysis_result_wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    #chartContainer {
      position: relative;
      width: 100%;
      height:  100%;
      margin: 0 auto -60px;
    }
	

.chart-container .badge {
    position: absolute;
    padding: 5.159px 7.505px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.80);
    backdrop-filter: blur(2.5px);
    color: #FFF;
    font-family: var(--dev_reg);
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    font-weight: normal;
    top: 35px;
    left: 100px;
    width: auto;
}

.chart-container {
    position: relative;
}
	
/*canvas {
    width: 212px !important;
    height: 212px !important;
    margin: -20px auto 0;
}*/

.chart_data_Wrapper {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.chart_data_Wrapper span {
    display: block;
    color: #000;
    text-align: center;
    font-family: var(--dev_bold);
    font-size: 28px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.12px;
    text-transform: uppercase;
}

.chart_data_Wrapper p {
    color: #000;
    font-family: var(--dev_med);
    font-size: 14px;
    font-style: normal;
    line-height: 15.587px; /* 111.333% */
    text-transform: uppercase;
    opacity: 0.5;
}

.result_screen_btn_Wrapper .btn.stepper_solid_btn {
    width: 196px;
    justify-content: center;
}

.final_results_grid {
    display: grid;
    grid-template-columns: 16% 79%;
    gap: 60px;
}

.final_results_grid .avatar_bg {
    top: -52px;
    width: 300px;
    text-align: center;
    left: -45px;
}

.persona_detail_Wrapper span {
    display: block;
    color: #000;
    text-align: center;
    font-family: var(--dev_semi_bold);
    font-size: 18px;
    font-style: normal;
    line-height: 20px; /* 111.111% */
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding-bottom: 22px;
    margin-bottom: 22px;
}

.persona_detail_Wrapper ul>li p {
    color: rgba(0, 0, 0, 0.70);
    font-family: var(--dev_reg);
    font-size: 14px;
    font-style: normal;
    line-height: 20px; /* 111.111% */
}

.persona_detail_Wrapper ul>li {
    display: flex;
    align-items: start;
    gap: 5px;
}

.persona_detail_Wrapper ul>li>img {
    max-width: 16px;
    position: relative;
    top: 5px;
}

.persona_detail_Wrapper {
    padding: 24px;
    border-radius: 12px;
    background: linear-gradient(180deg, #F5F5F5 0%, #FFF 100%);
}

.persona_detail_Wrapper>ul {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.product_info_top_Wrapper img {
    max-width: 12px;
    margin-left: 5px;
}

.product_info_top_Wrapper p {
    color: #000;
    font-family: var(--dev_semi_bold);
    font-size: 14px;
    font-style: normal;
    line-height: 17px;
    transition: all 0.5s ease;
}

.product_info_top_Wrapper p>a {
    width: fit-content;
}

.product_info_top_Wrapper p>a:hover {
    color: var(--capital_red);
    text-decoration-line: underline;
}

.product_info_Wrapper {
    border-radius: 12px;
    background: #F5F5F5;
    padding: 24px 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 230px;
    height: 237px;
    z-index: 1;
}

.product_info_top_Wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


ul.prodcut_tags li {
    color: #000;
    font-family: var(--dev_reg);
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 4px;
    background: #FFF;
    display: flex;
    padding: 7px 8px;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

ul.prodcut_tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.result_border {
    width: 100%;
    border-radius: 50px;
    border: 1px solid var(--capital_red);
    display: flex;
    justify-content: center;
    padding: 8px 10px;
    color: var(--capital_red);
    text-align: center;
    font-family: var(--dev_med);
    font-size: 12px;
    font-style: normal;
    line-height: 110%; /* 13.2px */
    text-transform: uppercase;
}

.result_border:hover {
    background: var(--capital_red);
    color: var(--white);
}

.add_to_cart {
    background: var(--capital_red);
    color: var(--white);
}

.result_border.add_to_cart :focus {
    color: var(--white);
}

.result_border.invest_now.clicked {
    color: var(--white) !important;
}
.final_screen_btn_Wrapper {
    display: flex;
    gap: 8px;
}

.recommended_tag {
    position: absolute;
    top: -10px;
    display: inline-flex;
    padding: 5px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 3px;
    background: #FAA61A;
    color: #000;
    font-family: var(--dev_reg);
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    overflow: hidden;
    transition: all 3s linear;
}

.recommended_tag:after {
    content: '';
    display: block;
    width: 10px;
    height: 90px;
    top: -30px;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    transition: all 1s ease;
    animation: shine 4s infinite;
}

@keyframes shine {
  0% {
    transform: translateX(-70px) rotate(50deg);
  }
  50% {
    transform: translateX(250px) rotate(25deg);
  }
  100% {
    transform: translateX(-70px) rotate(50deg);
  }
}

.top_market_stat span>img {
    max-width: 12px;
}

.top_market_stat>div>span {
    display: flex;
    align-items: center;
    color: #FFF;
    font-family: var(--dev_med);
    font-size: 24px;
    font-style: normal;
    line-height: 124.311%; /* 29.835px */
    gap: 6px;
}

.top_market_stat {
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    padding-bottom: 13px;
    margin-bottom: 13px;
}

.top_market_stat p {
    color: #FFF;
    font-family: var(--dev_reg);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    opacity: 0.8;
    margin: 0px 0 12px;
}

.since_inception_wrapper {
    display: flex;
    align-items: center;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.10);
    width: fit-content;
    padding: 2px;
}

.since_inception_wrapper>li>button {
    color: #FFF;
    font-family: var(--dev_reg);
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    align-items: center;
    padding: 6px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}

.since_inception_wrapper>li>button.active {
    color: #000;
    background: #FEF2F3;
}

.since_inception_wrapper>li:first-child {
    padding: 0 0 0;
}

.since_inception_wrapper>li>button:hover {color: #fff;}

.since_inception_wrapper>li>button.active:hover {
    color: #000;
}

.product_market_status {
    background: #7C2279;
    border-radius: 0px 12px 12px 0;
    display: flex;
    gap: 0px;
    height: auto;
    overflow: hidden;
    transition: all 1s ease;
    z-index: 0;
}

.result_product_wrapper {
    display: flex;
    align-items: center;
    /* overflow: hidden; */
    padding-top: 10px;
    position: relative;
    z-index: 1;
}

.bottom_market_stat ul>li span>img {
    max-width: 12px;
    transition: all 0.5s ease;
    opacity: 0.8;
}

.bottom_market_stat ul>li span {
    color: rgb(255 255 255 / 80%);
    font-family: var(--dev_reg);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    display: flex;
    align-items: center;
    al,image-rendering: ;
    gap: 5px;
}

.bottom_market_stat ul>li p {
    color: #FFF;
    font-family: var(--dev_semi_bold);
    font-size: 14px;
    font-style: normal;
    line-height: 124.311%; /* 17.404px */
}

.bottom_market_stat ul {
    display: flex;
    justify-content: space-between;
}

.bottom_market_stat ul>li span>img:hover {
    opacity: 1;
}

.collapse_Expand img {
    max-width: 100px;
    height: 100%;
    display: block;
    transition: all 0.5s ease;
    transform: unset;
}

.collapse_Expand {
    transition: all 0.5s ease;
    background: transparent;
}

.collapse_Expand:hover {
    background: rgb(255 255 255 / 10%);
}

.market_stat_wrapper {
    width: 260px;
    height: auto;
    max-width: 1000px;
    transition: all 1s ease;
    height: 185px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
    position: relative;
}

.collapse_Expand a {
    display: flex;
    height: 100%;
    padding: 10px;
}


.product_market_status.collapsed_stats .collapse_Expand img {
    transform: scaleX(-1);
}

.result_slider_overflow_Wrapper {
    display: flex;
    gap: 0;
    /* overflow: hidden; */
    position: relative;
}

.end_result_slider_Wrapper {
    display: flex;
    gap: 20px;
    overflow-y: hidden;
    overflow-x: scroll;
    padding-bottom: 30px;

}

.end_result_slider_Wrapper:active {  cursor: grabbing;
}

.end_result_slider_Wrapper::-webkit-scrollbar {
    width: 10px;
    height: 6px;
}

.end_result_slider_Wrapper::-webkit-scrollbar-thumb {
    border-radius: 100px;
	  background: #dcdcdc;
}


.end_result_slider_Wrapper::-webkit-scrollbar-thumb:hover {
    background: #c9c9c9;
}


.product_market_status.collapsed_stats .market_stat_wrapper {max-width: 0;padding: 0;overflow: hidden;opacity: 0;}


.bottom_left_data {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.bottom_left_data a>img {
    max-width: 16px;
}

.bottom_detail_Wrapper {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bottom_left_data p {
    color: #000;
    font-family: var(--dev_reg);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
}

.view_share_report {
    display: flex;
    gap: 44px;
    position: relative;
    width: fit-content;
}

.view_share_report:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #000;
    margin: 0 auto;
    opacity: 0.15;
}

.bottom_left_data a {
    color: var(--capital_red);
    font-family: var(--dev_med);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.28px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 5%;
    text-underline-offset: 9%;
    text-underline-position: from-font;
    width: fit-content;
    gap: 5px;
    display: flex;
}

.end_result_button {
    margin: 0;
    width: 196px;
    justify-content: center;
}

.cart_counter {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #FFF;
    color: var(--capital_red);
    text-align: center;
    font-family: var(--dev_med);
    font-size: 12px;
    font-style: normal;
    line-height: 110%; /* 13.2px */
    text-transform: uppercase;
    width: 18px;
    height: 18px;
}

.view_cart_btn p {
    display: flex;
    align-items: center;
    gap: 4px;
}

.final_screen_button_wrapper {
    display: flex;
    gap: 10px;
}

.end_result_button.start_again_button {
    background: transparent;
    border: 1px solid var(--capital_red);
    display:none;
}

.end_result_button.start_again_button p {
    color: var(--capital_red);
    
}

.investment_tips img {
    max-width: 25px;
}

.investment_tips {
    position: absolute;
    bottom: 0;
    left: 0;
}

.restart_journey_wrapper {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
     /*left: 90px;*/
     transform: translateY(10px);
}

.restart_journey_wrapper a {
    display: flex;
    white-space: nowrap;
    align-items: center;
    width: fit-content;
    color: var(--capital_red);
    text-align: center;
    font-family: var(--dev_semi_bold);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
    gap: 4px;
}

.restart_journey_wrapper img {
    max-width: 18px;
}



.absl_step_Wrapper.step_wrapper_second {
    position: relative;
}

.investment_tips span {
    display: flex;
    border-radius: 100px;
    background: var(--capital_red);
    box-shadow: 0px -4px 6px 0px rgba(255, 255, 255, 0.30) inset, 0px 4px 10px 0px rgba(0, 0, 0, 0.10) inset;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.5s ease;
}

.investment_tips span:hover {
    background: #8B151B;
    box-shadow: 0px -4px 8px 0px rgba(255, 255, 255, 0.40) inset, 0px 4px 7px 0px rgba(0, 0, 0, 0.20) inset;
}

.tips_top_wrap {
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 6px;
    padding: 14px 15px;

}

.investment_tips_wrapper{position: relative; /* Starts below the screen */opacity: 0;transform: scale(0.5); /* Starts small */transition: all 0.5s ease-in-out;}

.investment_tips_wrapper.investment_active {

opacity: 1;
	
transform: scale(1); /* Scales to full size */
	
bottom: 12px;
}

.tips_top_wrap p {
    color: #333;
    font-family: var(--dev_semi_bold);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
	
	
}

.investment_tips_wrapper {
    background: #f5f5f5;
    box-shadow: 0px 5px 21px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    width: 224px;
    padding-bottom: 5px;
    position: relative;
    bottom: -100px;
    border: 1px solid #E6E6E4;
}

.tips_list a {
    display: flex;
    padding: 14px 0;
    color: #302E2D;
    font-family: var(--dev_med);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.24px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    margin: 0 14px;
    transition: all 0.5s ease;
}

.tips_list {
    background: var(--white);
    margin: 0 5px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    transform: translate(0px, 100px);
    opacity: 0;
}

.investment_active .tips_list {
    transform: translate(0px, 0px);
    opacity: 1;
}


.tips_list>a img {
    max-width: 10px;
    filter: invert(1) brightness(0);
}

.tips_list a:hover img {
    filter: none;
}

.tips_list a:last-child {
    border: none;
}

.tips_list a:hover {
    color: var(--capital_red);
}

.investment_tips_wrapper * {
    transition: all 0.5s ease;
}


.failed_scenario video {
    margin: 0 auto;
    text-align: center;
    max-width: 70px;
    display: flex;
}

.perfect_plan .stages_Wrapper .failed_scenario h2 {
    margin-bottom: 15px;
}

.perfect_plan .stages_Wrapper .failed_scenario>p {
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

/* Custom class for right sliding modal */
.modal.my_cart_modal .modal-dialog {
  position: fixed;
  right: 0;
  margin: 0;
  height: 100%;
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
  max-width: 480px; /* Adjust width as needed */
  width: 100%;
  top: 50px;
}

.modal.my_cart_modal.show .modal-dialog {
  transform: translateX(0);
}

.my_cart_modal .modal-dialog-scrollable .modal-content {
    border-radius: 24px 0px 0px 24px;
    height: 100%;
	padding: 40px;
}

.my_cart_modal .modal-header {
    padding: 0;
    border: none;
    margin-bottom: 24px;
}

.my_cart_modal .modal-body {
    padding: 0;
}

.my_cart_modal .btn.stepper_solid_btn {
    width: 100%;
    justify-content: center;
}

.my_cart_modal .modal-header .btn-close {
    border-radius: 100px;
    background-color: #F5F5F5;
    opacity: 1;
    padding: 7px;
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.my_cart_modal .modal-title {
    color: #000;
    font-family: var(--dev_reg);
    font-size: 24px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
}

.my_cart_modal .modal-header .btn-close:focus:not(:focus-visible) {
    box-shadow: none;
}

.add_to_cart_item {
    display: grid;
    grid-template-columns: 48% auto;
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s ease;
    margin-bottom: 12px;
	position: relative;
}

.add_to_cart_item:last-child {
    margin: 0;
}

.add_to_cart_item:has(input[type="checkbox"]:checked) {
    background: #FEF2F3;
}

.custom_checkbox_wrapper .add_to_cart_item input {
    position: absolute;
    right: 8px;
    top: 8px;
    scale: 0.889;
}

.add_to_cart_bottom_content p {
    display: flex;
    align-items: center;
}

.add_to_cart_bottom_content p img {
    max-width: 11px;
    margin-right: 2px;
}

.add_to_cart_content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.add_to_cart_top_content p {
    color: #000;
    font-family: var(--dev_semi_bold);
    font-size: 14px;
    font-style: normal;
    line-height: 17px; /* 121.429% */
}

.add_to_cart_top_content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-right: 1px;
}

.add_to_cart_top_content span {
    color: rgba(0, 0, 0, 0.70);
    font-family: var(--dev_reg);
    font-size: 12px;
    font-style: normal;
    line-height: 18px; /* 150% */
}

.add_to_cart_bottom_content p {
    color: rgba(0, 0, 0, 0.70);
    font-family: var(--dev_reg);
    font-size: 12px;
    font-style: normal;
    line-height: 18px; /* 150% */
}

.add_to_cart_bottom_content span {
    color: #000;
    font-family: var(--dev_semi_bold);
    font-size: 14px;
    font-style: normal;
    line-height: 18px; /* 128.571% */
    margin-left: 6px;
}

.my_cart_modal .modal-body::-webkit-scrollbar {
    width: 0px;
}

.add_to_cart_btn .stepper_solid_btn {
    width: 100%;
    justify-content: center;
}


/*Integration style change start*/
 .investment_drop_top label p, .investment_drop_mid label p{
  margin-bottom: -5px !important;
}

.absl_stepper_common.service_experience label,.step_four_stage_one.stages_Wrapper label,
.step_four_stage_three.stages_Wrapper label{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  width: 100% !important;
  box-sizing: border-box !important;
}


.nationality_form_Wrapper,.avatar_list_box {
  background-color: #fff;
}

.chart-container .badge{
border: 0px solid #C7222A !important;
}


    
    
/*Integration style change end*/

/* Existing issue fix start*/
.hover-img-box1 > div:first-child {

width:100% !important;
}
/* Existing issue fix end*/

/* chart */

.chart_wrapper {
    position: relative;
    height: 160px;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

#risk_appetite {
    width: 100% !important;
    height: 100px !important;
    margin-top: 25px;
}

.badge#riskLabel {
    position: absolute;
    top: -33px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    border-radius: 4px;
    z-index: 2;
}

.chart_data_Wrapper {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
.chart_data_Wrapper p {
    font-size: 12px;
    margin: 0;
    font-weight: normal;
}

.custom-tooltip .tooltip-inner {
    background-color: #333;
    color: #f0f0f0;
    font-weight: 600;
    padding: 8px 12px;
    font-size: 13px;
    border-radius: 6px;
}
#TargetCorpus span{
    margin-bottom: 6px;
}

.persona-card-img{
       position: relative;
     top: 0px;
    width: auto;
    left: unset;
    transform: none;
   margin-bottom: 5px;
    
}
.persona-card-img img{
   width:70px;
 
}
.persona-card{
   display:flex;
 flex-direction: column;
 justify-content:center !Important;
 align-items: center;
}
.persona-card-text p{
   line-height:1.2 !important;
 color: #000;
    font-family: "AnekLatin-Regular", sans-serif;
    font-size: 10px;
 font-weight:500;
}
.persona-card-text p:nth-child(1){
  font-weight:600;
  font-size:12px ;
  margin-bottom:4px;
}
.persona-card {
    margin-bottom: 20px;
    height: 150px;
}
@media (max-width: 1024px){
.plan_input_wrapper em {
    top: 4px;
    }
}